<template>
	<view>
		<view class="box">
			
		</view>
		<view class="title">
			订单支付成功
		</view>
		<view class="price">
			支付金额：{{price}} 元
		</view>
		<view class="back">
			<view class="btns" @tap="back">
				个人中心
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				price:''
			}
		},
		methods: {
			back(){
				uni.switchTab({
					url:'/pages/mine/mine'
				})
			}
		},
		onLoad(options){
			this.price=options.price
		}
	}
</script>

<style scoped lang="scss"> 
.box{
	width: 100%;
	height: 200rpx;
}
	.title,.price{
		width: 100%;
		text-align: center;
		
	}
	.title{
		font-size: 48rpx;
		margin-top: 20rpx;
	}
	.price{
		margin-top: 10rpx;
		font-size: 32rpx;
	}

.back{
	position: absolute;
	    width: 100%;
	    bottom: 80rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		.btns{
			padding: 0 50rpx;
			    height: 70rpx;
			    border: solid 2rpx #354e44;
			    color: #354e44;
			    line-height: 70rpx;
			    align-items: center;
			    border-radius: 10rpx;
			    font-size: 34rpx;
		}
}
</style>
